<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="renderer" content="webkit"/>
    <meta name="_csrf" content="${fn:escapeXml(CSRFToken)}"/>
    <title>容器尺寸监听</title>
    <script type="text/javascript" src="../../lib/jQuery-1.10.2/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="../../lib/layer-v3.0.3/layer.js"></script>
    <!-- 日期组件，按需引入 -->
    <script type="text/javascript" src="../../lib/My97DatePicker/WdatePicker.js"></script>
    <!-- zTree 资源，按需引入 -->
    <script type="text/javascript" src="../../lib/zTree_v3/js/jquery.ztree.all-3.5.min.js"></script>
    <script type="text/javascript" src="../../lib/zTree_v3/js/jquery.ztree.exhide-3.5.min.js"></script>
    <!-- 其他组件 -->
    <!-- font-awesome -->
    <link rel="stylesheet" href="../../lib/fontawesome-4.2.0_ie7/css/font-awesome.min.css"/>
    <!-- wiFrame 及 项目资源 -->
    <link type="text/css" rel="stylesheet" href="../../wiFrame/css/common.css"/>
    <script type="text/javascript" src="../../wiFrame/common.js"></script>
    <link type="text/css" rel="stylesheet" href="../_r/common.css"/>
    <!-- 当前页面对应的脚本 -->
    <script type="text/javascript" src="demo.js"></script>
</head>
<body>
    <div class="wrap">
        <div class="panel">
            <div class="panel-h js-tbtns">
                <div class="panel-h-r">
                    <button type="button" class="btn" data-type="clearLog">清除日志</button>
                    <button type="button" class="btn" data-type="bind1">绑定事件1</button>
                    <button type="button" class="btn" data-type="bind2">绑定事件2</button>
                    <button type="button" class="btn" data-type="resetSize">手动重算尺寸</button>
                    <button type="button" class="btn" data-type="unbind1">解绑事件1</button>
                    <button type="button" class="btn" data-type="unbindAll">解绑全部事件</button>
                </div>
                <div class="penal-h-l">修改浏览器尺寸以改变黄色容器宽度</div>
            </div>
            <div class="panel-c">
                <div class="js-rlistener" style="height:200px; width:80%; background:#ff0;"></div>
                <div>日志：</div>
                <div class="js-log"></div>
            </div>
        </div>
    </div>
</body>
</html>